let form = layui.form;
let data = {
  pagenum: 1,
  pagesize: 2,
};
// 文章列表的渲染
function renderArticle() {
  $.ajax({
    url: "/my/article/list",
    data: data,
    success: function (res) {
      let htmlStr = template("tpl-list", res);
      console.log(htmlStr);

      $("tbody").html(htmlStr);
      showPage(res.total);
    },
  });
}
renderArticle();

let laypage = layui.laypage;

function showPage(t) {
  //执行一个laypage实例
  laypage.render({
    elem: "page", //注意，这里的 test1 是 ID，不用加 # 号
    count: 50, //数据总数，从服务端得到
    limit: data.pagesize, // 每页的行数
    limits: [2, 3, 5, 10],
    curr: data.pagenum,
    gorups: 3, // 连续出现页码个数
    // prev: "上一页",
    // next: "下一页",
    // first: "首页",
    // last: "尾页",
    layout: ["count", "limit", "prev", "page", "next", "skip"],
    jump: function (obj, first) {
      // //obj包含了当前分页的所有参数，比如：
      // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      // console.log(obj.limit); //得到每页显示的条数
      // //首次不执行
      if (!first) {
        //do something
        data.pagenum = obj.curr;
        data.pagesize = obj.limit;
        renderArticle();
      }
    },
  });
}
$.ajax({
  url: "/my/article/cates",

  success: function (res) {
    if (res.status === 0) {
      let htmlStr = template("tpl-category", res);
      $("select[name=category]").append(htmlStr);
      form.render("select");
    }
  },
});

$("#search").on("submit", function (res) {
  e.preventDefault();
  let cate_id = $("select[name=category]").val();
  let state = $("select[name=state]").val();

  data.cate_id = cate_id;
  data.state = state;
  data.pagenum = 1;
  renderArticle();
});

// 删除文章标题
$("body").on("click", "#goodbye", function (e) {
  e.preventDefault();
  let id = $(this).data("id");
  layer.confirm("你确定删除吗?", { icon: 3, title: "提示" }, function (index) {
    //do something
    $.ajax({
      url: "/my/article/deletecate/" + id,
      success: function (res) {
        lay.msg(res.message);
        if (res.status === 0) {
          renderArticle();
        }
      },
    });
    layer.close(index);
  });
});
